<template>
<!-- 商户管理基本信息 -->
  <div class="app-container">
    <!--搜索组件-->
    <!-- 操作按钮 -->
    <div class="overtable-btns">
      <el-button size="mini" type="warning" icon="el-icon-back">返回</el-button>
      <el-button size="mini" type="primary" icon="el-icon-folder-checked">保存</el-button>
      <el-button size="mini" icon="el-icon-refresh">重置</el-button>
    </div>
    <!-- :rules="rules" -->
    <el-form class="form-wrap" ref="addPartner" :model="form" size="small" label-width="145px">
      <el-collapse v-model="activeNames">
        <el-collapse-item title="基本信息" name="1">
          <el-form-item label="会员账号:">
            <p>hahah</p>
          </el-form-item>
          <el-form-item label="会员号:">
            <p>121212154</p>
          </el-form-item>
          <el-form-item label="账号类型:">
            <p></p>
          </el-form-item>
          <el-form-item label="实名认证:">
            <p>李千千——54251141121112222</p>
          </el-form-item>
          <el-form-item label="上级会员:">
            <p>李千千——542511——122255522255</p>
          </el-form-item>
          <el-form-item label="上级服务商:">
            <p>李千千——542511——122255522255</p>
          </el-form-item>
          <el-form-item label="注册时间:">
            <p>122255522255</p>
          </el-form-item>
          <el-form-item label="最后登录时间:">
            <p>122255522255</p>
          </el-form-item>
        </el-collapse-item>
        <!-- <el-collapse-item title="分润信息" name="2">
          <el-form-item label="分润状态:" prop="comStatus">
            <el-select v-model="form.merStatus" placeholder="分润状态" clearable>
              <el-option
                v-for="item in commissionStatus"
                :key="item.key"
                :label="item.display_name"
                :value="item.key"
              />
            </el-select>
          </el-form-item>
          <el-form-item label="分润策略:" prop="comStatus">
            <el-select v-model="form.merStrategy" placeholder="分润策略" clearable>
              <el-option
                v-for="item in commissionStrategy"
                :key="item.key"
                :label="item.display_name"
                :value="item.key"
              />
            </el-select>
          </el-form-item>
        </el-collapse-item> -->
      </el-collapse>
    </el-form>
  </div>
</template>

<script>
import areaSelect from '@/components/AreaSelect/index'
import dateSelect from '@/components/DateSelect/index'
export default {
  components: {
    areaSelect,
    dateSelect
  },
  data() {
    return {
      activeNames: ['1', '2', '3', '4', '5', '6', '7'],
      form: {
        
      },
      commissionStrategy: [
        { key: 0, display_name: '个体工商户' },
        { key: 1, display_name: '企业' },
        { key: 2, display_name: '事业单位' },
        { key: 3, display_name: '个人' }
      ],
      commissionStatus: [
        { key: 1, display_name: '启用' },
        { key: 0, display_name: '禁用' }
      ],
      hylbOptions: []
    }
  },
  methods: {
    // 时间选择
    getDate({ startTime, endTime, val }) {
      this.form.licStartTime = startTime
      this.form.licEndTime = endTime
    },
    getDateIndo({ startTime, endTime, val }) {
      this.form.indoStartTime = startTime
      this.form.indoEndTime = endTime
    },
    getDateWecard({ startTime, endTime, val }) {
      this.form.wecardStartTime = startTime
      this.form.wecardEndTime = endTime
    }
  }
}
</script>

<style lang="scss" scoped>
.form-wrap {
  .el-form-item--small,
  .el-form-item {
    width: 550px;
    .el-select,
    .el-input,
    .el-cascader,
    .el-range-editor {
      width: 100% !important;
    }
  }
}
</style>